
body {
     background-color: #fff;
}
.activityList
{
	margin-top: 50px;
}
 input[type=search]{
     display: block;
     width: 93%;
     height: 2.1875rem;
     margin: 0.625rem auto;
     border-radius:3.125rem ;
}
 .mui-search .mui-placeholder {
     position: absolute;
     top: 0.875rem;
     left: -70%;
}
 .mui-active:before {
     content: ""!important;
}
/*轮播图*/
 .mui-slider {
     width: 97%;
     height: 100%;
     margin: 0 auto;
}
 .mui-slider-item img {
     display: block;
     width: 100%;
     border-radius:0.625rem;
     padding: 0 0.625rem;
}
/*九宫格*/
 .branchClass {
     width: 100%;
     height: auto;
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
}
 .branchClass-itme {
     padding-top: 1.25rem;
     width: 25%;
     height: auto;
     box-sizing: border-box;
}
 .branchClass-itme img {
     display:block;
     width: 2.1875rem;
     height: 2.1875rem;
     margin: 0 auto;
}
 .branchClass-itme span {
     padding-top: 0.9375rem;
     display: block;
     text-align: center;
     font-size: 0.875rem;
     color: rgb(40,40,40);
     width: 100%;
     box-sizing: border-box;
}
/*列表*/
 ul[class="mui-table-view"]:before,ul[class="mui-table-view"]:after {
     content: ""!important;
     background-color: #fff;
}
 .mui-table-view-cell:after {
     background-color: #fff;
}
 .mui-media img {
     max-width: 50%!important;
     width: 45%!important;
     height: 6rem!important;
     border-radius:0.3125rem ;
}
 .mui-media-body {
     width: 50%;
}
 .list-supTitle {
     width: 100%;
     height: auto;
     white-space: normal;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     -webkit-box-orient: vertical;
     font-size: 0.9375rem;
}
 .mui-ellipsis>i {
     font-style: normal;
}
 .mui-media {
     position: relative;
}
 .btn-box {
     width: 100%;
     height: auto;
     position: absolute;
     bottom: 0.625rem;
}
 .btn-box button {
     width: 5rem;
     height: 1.875rem;
     border-radius:3.125rem;
     line-height: 1rem;
     border: 1px solid rgb(88,88,88);
}
.jojinedBtn {
     background: rgb(134,203,199);
     color: #fff;
     border-color: #fff!important;
}
 .hasEnded {
     color: #D8D8D8;
     border-color: #D8D8D8!important;
}
 .gemeBtn
 {
 	background-color: rgb(145,204,253);
 	color: #fff;
 	border-color: #fff!important;
 }
/*图片列表*/
.imgList
{
	width: 90%;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0.9rem 0;
}
.imgList-item{
	position: relative;
}
.item-img
{
	display: block;
    width: 100%;
    height: 20%;	
    background-size:100% 100%;  
    box-sizing: border-box;
	overflow: hidden;
	margin:  1rem auto;
}
.item-text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 18%;
	background-color: rgba(200,200,200,0.5)!important;
	overflow: hidden;
	font-size: 1rem;
	padding: 0.2rem .7rem ;
	font-weight: bold;
	color: #fff;
}
